$(function () {
    //点击给瀑布流排序
    $('.type-paixu a').click(function () {
        var arr = [];
        for (var i = 0; i < 10; i++) {
            var temp = Math.floor(Math.random() * ($('#gallery-wrapper')[0].children.length - 0 + 1) +
                0);
            if (!arr.includes(temp)) {
                arr.push(temp);
            }
        }

        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]);
            $('#gallery-wrapper .white-panel').eq(arr[i]).appendTo('#gallery-wrapper');
        }
    })

    //点击按钮换色
    $('.type-all-list li').click(function () {
        $(this).addClass('currn').siblings().removeClass('currn');
    });
    var flag = true;
    var $index = 0;
    $(".type-paixu a").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        // $index = $(this).index();
        // if(flag){
        // 	$(this).find('img').attr("src", "../commImg/Dianpu03.png");
        // 	flag = false;
        // }else{
        // 	$(this).find('img').attr("src", "../commImg/Dianpu01.png");
        // 	flag = true;
        // }

        if ($(this).find('img').attr("src") == "../commImg/Dianpu04.png") {
            $(this).find('img').attr("src", "../commImg/Dianpu03.png")
        } else if ($(this).find('img').attr("src") == "../commImg/Dianpu03.png") {
            $(this).find('img').attr("src", "../commImg/Dianpu01.png")
        } else if ($(this).find('img').attr("src") == "../commImg/Dianpu01.png") {
            $(this).find('img').attr("src", "../commImg/Dianpu03.png")
        }
        ;
    });
    $('.steet-pubu-item').hover(function () {
        $(this).addClass('DIm').fadeIn();
    }, function () {
        $(this).removeClass('DIm');
    });

    //切换按钮
    $('.sellerlist .pages div').hover(function () {
        $(this).addClass('Bianse1');
    }, function () {
        $(this).removeClass('Bianse1');
    })
    $('.lol').click(function () {
        $(this).addClass('cur').siblings().removeClass('cur');
    });
    $('.next').click(function () {
        $(this).prev().addClass('cur');
        $('.prev').next().removeClass('cur');
        $('.steet-pubu2').addClass('showww').siblings().removeClass('showww');
        $('#gallery-wrapper').addClass('hideee');
        $('html').animate({
            scrollTop: 500
        }, 200);
    });
    $('.prev').click(function () {
        $(this).next().addClass('cur');
        $('.next').prev().removeClass('cur');
        $('.steet-pubu2').addClass('hideee');
        $('#gallery-wrapper').addClass('showww').siblings().removeClass('showww');
        $('html').animate({
            scrollTop: 500
        }, 200);
    });

    $('.pages div').eq(1).click(function () {
        $('.steet-pubu2').addClass('hideee');
        $('#gallery-wrapper').addClass('showww').siblings().removeClass('showww');
        $('html').animate({
            scrollTop: 500
        }, 200);
    })
    $('.pages div').eq(2).click(function () {
        $('.steet-pubu2').addClass('showww').siblings().removeClass('showww');
        $('#gallery-wrapper').addClass('hideee');
        $('html').animate({
            scrollTop: 500
        }, 200);
    })
    //瀑布流插件
    $("#gallery-wrapper").pinterest_grid({
        no_columns: 4,
        padding_x: 22,
        padding_y: 15,
        margin_bottom: 50,
        single_column_breakpoint: 700
    });
})
